<!DOCTYPE HTML>
<html>
<head>
  <title>Test for HTMLButtonElement attributes reflection</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="../reflect.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<pre id="test">
<script type="application/javascript">

/** Test for HTMLButtonElement attributes reflection **/

// .autofocus
reflectBoolean({
  element: document.createElement("button"),
  attribute: "autofocus",
});

// .disabled
reflectBoolean({
  element: document.createElement("button"),
  attribute: "disabled",
});

// TODO: formAction (URL).  But note that we currently reflect it weirdly; see
// dom/html/test/test_bug607145.html

// .formEnctype
reflectLimitedEnumerated({
  element: document.createElement("button"),
  attribute: "formEnctype",
  validValues: [
    "application/x-www-form-urlencoded",
    "multipart/form-data",
    "text/plain",
  ],
  invalidValues: [ "text/html", "", "tulip" ],
  defaultValue: {
    invalid: "application/x-www-form-urlencoded",
    missing: "",
  }
});

// .formMethod
reflectLimitedEnumerated({
  element: document.createElement("button"),
  attribute: "formMethod",
  validValues: [ "get", "post" ],
  invalidValues: [ "put", "", "tulip" ],
  unsupportedValues: [ "dialog" ],
  defaultValue: {
    invalid: "get",
    missing: "",
  }
});

// .formNoValidate
reflectBoolean({
  element: document.createElement("button"),
  attribute: "formNoValidate",
});

// .formTarget
reflectString({
  element: document.createElement("button"),
  attribute: "formTarget",
  otherValues: [ "_blank", "_self", "_parent", "_top" ],
});

// .name
reflectString({
  element: document.createElement("button"),
  attribute: "name",
  otherValues: [ "isindex", "_charset_" ]
});

// .type
reflectLimitedEnumerated({
  element: document.createElement("button"),
  attribute: "type",
  validValues: [ "submit", "reset", "button" ],
  invalidValues: [ "this-is-probably-a-wrong-type", "", "tulip" ],
  unsupportedValues: [ "menu" ],
  defaultValue: "submit",
});

// .value
reflectString({
  element: document.createElement("button"),
  attribute: "value",
});

// .willValidate
ok("willValidate" in document.createElement("button"),
   "willValidate should be an IDL attribute of the button element");
is(typeof(document.createElement("button").willValidate), "boolean",
   "button.willValidate should be a boolean");

// .validity
ok("validity" in document.createElement("button"),
   "validity should be an IDL attribute of the button element");
is(typeof(document.createElement("button").validity), "object",
   "button.validity should be an object");
ok(document.createElement("button").validity instanceof ValidityState,
   "button.validity sohuld be an instance of ValidityState");

// .validationMessage
ok("validationMessage" in document.createElement("button"),
   "validationMessage should be an IDL attribute of the button element");
is(typeof(document.createElement("button").validationMessage), "string",
   "button.validationMessage should be a string");

// .checkValidity()
ok("checkValidity" in document.createElement("button"),
   "checkValidity() should be a method of the button element");
is(typeof(document.createElement("button").checkValidity), "function",
   "button.checkValidity should be a function");

// .setCustomValidity()
ok("setCustomValidity" in document.createElement("button"),
   "setCustomValidity() should be a method of the button element");
is(typeof(document.createElement("button").setCustomValidity), "function",
   "button.setCustomValidity should be a function");

// .labels
ok("labels" in document.createElement("button"),
   "button.labels should be an IDL attribute of the button element");
is(typeof(document.createElement("button").labels), "object",
   "button.labels should be an object");
ok(document.createElement("button").labels instanceof NodeList,
   "button.labels sohuld be an instance of NodeList");
</script>
</pre>
</body>
</html>
